<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link type="text/css" rel="stylesheet" href="./static/plugins/layui/css/layui.css" />

<style>
    .areaName{
        display:inline-block;
        width:150px;
        margin-right: 10px;
    }
    #userName{
        width:120px;
    }
    .search{
        display:inline-block;
        width:100px;
        height:35px;
        background:#35E2F3;
        color:#fff;
        line-height:35px;
        font-size:16px;
    }
    .reset1{
        /*width:100px;*/
        /*height:35px;*/
        /*border:1px solid #35E2F3;*/
        /*color:#35E2F3;*/
        /*line-height:35px;*/
        /*font-size:16px;*/
        /*background: white;*/
        display:inline-block;
        width:100px;
        height:35px;
        background:#35E2F3;
        color:#fff;
        line-height:35px;
        font-size:16px;
    }
    label{
        color: #666666;
    }
    .areaMarge{
        margin-left: 60px;
    }
    .inputWidth{
        width: 60%;
    }
</style>
</head>
<body>
<div class="layui-col-md12" style="padding-left: 10px;padding-right: 10px; padding-top: 10px;">
    <div class="layui-card">
        <div class="layui-card-header">
            <div>
                <table>
                    <tr>
                        <td><div style="width: 6px;height: 20px; margin:10px; background-color: #f74c1e"></div></td>
                        <td><font color="#222222" size="4px" >片区管理</font></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="layui-card-body">
            <div style="margin-left: 10px; margin-right: 10px">
                <form class="layui-form" action="" onsubmit="return false;">
                    <div style="float: right">
                        <!--<label>片区负责人&nbsp;&nbsp;</label><input id="userName" type="text" name="title" placeholder="" autocomplete="off" class="layui-input userName">-->
                        <label>片区负责人&nbsp;&nbsp;</label>
                        <div class="layui-input-inline" id="userName">
                            <select name="modules" lay-verify="required" lay-search="" lay-filter="selFilter" id="userName1">
                                <option></option>
                            </select>
                        </div>

                        <label>片区名称&nbsp;&nbsp;</label><input id="areaName" type="text" name="title" placeholder="" autocomplete="off" class="layui-input areaName">
                        <button class="layui-btn layui-btn-sm search" onclick="termQuery()" >搜&nbsp;&nbsp;索</button>
                        <button class="layui-btn layui-btn-sm reset1" onclick="addArea()">添&nbsp;&nbsp;加</button>
                        <button class="layui-btn layui-btn-sm reset1" onclick="getByIds()">删&nbsp;&nbsp;除</button>
                    </div>
                </form>
            </div>
            <table id = "areaTable" lay-filter="activityFilter" style="clear: both"></table>
        </div>
    </div>
</div>

<div id="layerOpen" style="height: 300px;width: 500px; display: none" >
    <div class="layui-card-header customtitle"><img src="./static/images/add.png">&nbsp;&nbsp;片区信息</div>

    <form class="layui-form" style="margin-top: 20px;" onsubmit="return false;">

        <div class="layui-form-item areaMarge">
            <label class="layui-form-label fontstyle1" style="width: 100px;">片区名称<span style="color: red;">*</span></label>
            <div class="layui-input-inline inputWidth">
                <input id="areaName2" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item areaMarge">
            <label class="layui-form-label fontstyle1" style="width: 100px;">片区负责人<span style="color: red;">*</span></label>
            <div class="layui-input-inline" id="areaManageName">
                <select name="modules" lay-verify="required" lay-search="" lay-filter="selFilter" id="areaManageName1">
                    <option></option>
                </select>
            </div>
        </div>
    </form>
</div>

</body>
<script type="text/javascript" src="./static/plugins/jquery/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="./static/plugins/layui/layui.js"></script>
<script type="text/javascript" src="./static/js/areamanage.js"></script>
</body>
</html>